// 入口函数
$(function () {
    // 需求1:点击a连接,显示隐藏切换;
    $("#loginBox a").on('click', function () {
        // 隐藏登录盒子 显示注册盒子
        $("#loginBox").hide();
        $("#regBox").show();
    });
    $("#regBox a").on('click', function () {
        // 隐藏注册盒子 显示登录盒子
        $("#loginBox").show();
        $("#regBox").hide();
    });


    // 需求2:自定义校验规则
    let form = layui.form;
    form.verify({
        username: [
            /^[a-zA-Z0-9]{1,10}$/,
            '用户名必须是1-10的字母和数字'
        ],
        pwd: [
            /^[\S]{6,15}$/,
            "密码长度必须是6-15位的非空字符串"
        ],
        rePwd: function (value) {
            let pwd = $("#regBox input[name=password]").val();
            if (pwd !== value) {
                return "两次密码输入不一致!"
            }
        }
    })

    // 需求三:注册功能
    let layer = layui.layer;
    $("#formReg").on("submit", function (e) {
        e.preventDefault();
        axios({
            method: "POST",
            url: "/api/reguser",
            data: $(this).serialize()
        }).then(({
            data: res

        }) => {
     
            if (res.status !== 0) {
                return layer.msg(res.message)
                
            }
            layer.msg("恭喜您,注册用户成功")
            $("#regBox  a").click()
            $("#formReg")[0].reset();

        })
    })

    // 需求四:登录功能
    $("#formLogin").on("submit", function (e) {
        e.preventDefault();
        axios({
            method: "POST",
            url: "/api/login",
            data: $(this).serialize()
        }).then(({
            data: res
        }) => {
            console.log(res);
            if (res.status !== 0) {
               return layer.msg(res.message)
            }
            layer.msg("恭喜你,登录成功!")
            localStorage.setItem("token", res.token)
            location.href = "/index.html";
            
        })
    })
})